<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    // 对象解构获取console.log方法
    const {
      log: l
    } = console
    // 题目：将div#demo.demo转化成<div id="demo" class="demo"></div>
    // 创建字符串
    const str = 'div#demo.demo'
    // 正则表达式
    const zz = /^([a-z]+)#(\w+)\.(\w+)$/
    // 调用replace方法，使用反向引用拼接字符串
    const str2 = str.replace(zz, `<$1 id="$2" class="$3"></$1>`)
    // 测试
    l(str2)
  </script>
</body>

</html>